<script lang="ts">
	import BgImage from '$lib/BgImage.svelte';
	import { showCustomerCaseLinksAtCustomerCasePage } from '$store/customerCaselinks';
</script>

<div class="grid grid-cols-3">
	{#each $showCustomerCaseLinksAtCustomerCasePage as item}
		<div class="w-[400px] h-[366px] mb-12 rounded-xl shadow-lg">
			<BgImage imgSrc={item.logo} alt={item.title} classes="h-[266.7px]" />
			<div class="pt-5 pl-4 text-xl font-semibold">
				{item.title}{item.summary === '' ? '' : ':' + item.summary}
			</div>
			<div class="pt-[6px] pl-4">
        <div class="bg-[#edfaf2] text-[14px] text-primary text-center w-[58px]" >{item.industry}</div>
      </div>
		</div>
	{/each}
</div>
